﻿.floatRight { float:right;}
.floatLeft { float:left;}
.clearFloat{clear: both;}

body
{
    font-size: .85em;
    font-family: Verdana,arial,helvetica,sans-serif,lucida grande,lucida;
    color: #232323;
    background-color: #fff;
    margin:0px;
    padding:0px;
}

.headerLinks {
    background: -moz-linear-gradient(top, #6e84b2,#7c92c0 3%);
    background: -webkit-gradient(linear, 0 0, 0 8, from(#6e84b2), to(#7c92c0));	    
	background-color:#7389b7;
	height:24px;   
	margin:0px;
	top:0px;
    left:0px;
    color:#fff;
    line-height:24px;     
    width:100%;
    min-width:969px; 
}

.headerLinks a {
    color:white;
    text-decoration:none;
}

.headerLinks a:hover {
    text-decoration:underline;
}

.linksOntopright
{
	font-size: 11px;
	font-family: Arial;
	margin:0px 7px 0px 0px;
}

.linksOntopright, .topHeaderContentDiv {
    width:969px;
    margin:0px auto;
}

.linksOntopright .floatRight
{
    margin-right:7px;
}

.topLogoDiv {
    height:86px;
    background-color:#e9e9e9;
}

#SearchPanel
{
    width:100%;
    height:330px;
    background: url(/Content/images/Sprites/assemble.png) no-repeat;
    background-position:0px -231px;
    background-repeat:no-repeat;
    position:relative;
}

#SearchPanel h1
{
    font-size:38px;
    height:46px;
    color:white;
    margin:0px;
    padding:0px;
    left:390px;
    top:75px;
    position:absolute;
    float:left;
}

#SearchPanel #SearchButton
{
    background:url(/Content/images/Sprites/assemble.png) no-repeat scroll -467px 0px transparent;
    height:33px;
    width:108px;
    left:810px;
    top:152px;
    position:absolute;
    cursor:pointer;
}

#SearchPanel #searchInputTextbox
{
    border:0px none;
    color:black;
    height:36px;
    line-height:36px;
    margin:5px 0 4px 7px;
    width:380px;
    left:405px;
    top:146px;
    background-color:white;
    position:absolute;
}
/* Buttons */
.newBlueButton
{        	    
	text-align:center;
    cursor: pointer;
    color:White;
    border:0px;
    font-weight:bold;    
    border-radius: 5px;        
    background: -moz-linear-gradient(top, #4f88dd, #2759a4);
    background: -webkit-gradient(linear, 0 0, 0 10, from(#4f88dd), to(#2759a4));
    background-color: #2759a4;
    display:inline-block;
    font-family:Arial;
    }
.newBlueButton:hover
{
    background:#2759a4;
}
.newBlueButtonDisabled
{
	text-align:center;
    cursor: default;
    color:White;
    border:0px;
    font-weight:bold;    
    border-radius: 5px;        
    background: -moz-linear-gradient(top, #acc7ef, #99b1d5);
    background: -webkit-gradient(linear, 0 0, 0 10, from(#acc7ef), to(#99b1d5));
    background-color: #99b1d5;
    display:inline-block;  
    font-family:Arial;      
    }
.newOrangeButton
{        	    
	text-align:center;
    cursor: pointer;
    color:White;
    font-weight:bold;    
    border-radius: 5px;
    background-color: #fb7f43;
    background: -moz-linear-gradient(top, #ff894e, #f26122);
    background: -webkit-gradient(linear, 0 0, 0 10, from(#ff894e), to(#f26122));
    display:inline-block;	
    font-family:Arial;    
    }
    .newOrangeButton:hover
    {
        background:#f26122;
        background:#e65211\9;
        }
    .grayButton
    {
	font-family: Arial;
	letter-spacing:0px;
	text-align:center;
    cursor: pointer;
    color:#303030;
    font-weight:bold;    
    border-radius: 5px;
    background-color: #ececec;
    background: -moz-linear-gradient(top, #fafafa, #dddddd);
    background: -webkit-gradient(linear, 0 0, 0 10, from(#fafafa), to(#dddddd));
    display:inline-block;	    
    box-shadow: 0px 1px 2px #999;
	-moz-box-shadow: 0px 1px 2px #999;
	-webkit-box-shadow: 0px 1px 2px #999;
	border:1px solid #d4d4d4;
        }
.newGrayButton
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight:bold;
    background: #e5e5e5;
    border:1px solid #d4d4d4;
    color:#303030;
    background: -moz-linear-gradient(top, #f7f7f7, #e5e5e5);
    background: -webkit-gradient(linear, 0 0, 0 10, from(#f7f7f7), to(#e5e5e5));       
    display:inline-block;
    cursor:pointer;
    text-align:center;
    font-family:Arial;
}
.newGrayButton:hover
{
    background: #e5e5e5;
    background: #d4d4d4\9;       
    }

/* header bar */
.headerBar {
    float:right;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #6580b6;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#6580b6), to(#526ca0)); 
    background: -moz-linear-gradient(top, #6580b6, #526ca0); 
    box-shadow: 0px 1px 3px #404040;
	-moz-box-shadow: 0px 1px 3px #404040;
	-webkit-box-shadow: 0px 1px 3px #404040;
	font-family:Arial;
	padding:0; 
	margin-right:10px;
    margin-top:20px;
}

.headerMenu {
    list-style-type:none;
    padding:0px;
    margin:0px;
    height:35px;
    float:left;
}

.headerMenu li
{
    float:left;
    position:relative;
}

.headerMenu dt:hover
{
    background-color:#748dc0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.headerMenu a 
{
    text-decoration:none
}
.headerMenu li dd{display:none;} 
.headerMenu li:hover dd, .headerMenu a:hover dd {display:block;}
.headerMenu dl 
{
    position:relative;
    top:0;
    left:0;
    margin: 0px; 
    padding: 0px; 
    text-align:center; 
}   
.headerMenu dt 
{
    margin:0px; 
    height:35px;
    }   

.headerMenu dt a
{
    color:White;       
    margin-left:12px;
    margin-right:12px;
    line-height:35px;
    float:left;
}

.headerMenu .splitLineShadow {
    background: #4b6497;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4d6699), to(#4b6497)); 
    background: -moz-linear-gradient(top, #4d6699, #4b6497); 
    width:1px;height:35px;
    display:inline-block;
    float:left;
}

.headerMenu .splitLineLight {
    background: #7e98cc;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#647fb5), to(#637eb4)); 
    background: -moz-linear-gradient(top, #647fb5, #637eb4); 
    width:1px; height:35px;
    display:inline-block;
    float:left;
}

/*--- Drop down menu ---*/
.dropdownMenu
{
    background-color:white;
    padding:9px 15px;
    font-size:12px;
    font-family:Arial;
    line-height:17px;
    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;
    -moz-box-shadow: inset 0px 0px 2px #7a7a7a;
    -webkit-box-shadow: inset 0px 0px 2px #7a7a7a;
    box-shadow:inset 0px 0px 2px #7a7a7a;
    }
.dropdownMenu a
{
    color:#2759a4;
    font-size:11px;
    }
.dropdownMenu a:hover
{
    color:#f26122;
    text-decoration:underline;
}
.dropdownMenu a.highlight
{
    font-weight:bold;
    }
.dropdownMenu hr
{
    border:0px;
    border-width:1px 0px 0px;
    border-color:#e2e2e2;
    border-style:solid;
    margin:3px 0px;
    *margin:0px;
    height:1px;
    }
.headerMenu dd
{
    text-align:left; 
    margin:0px; 
    position:absolute; 
    left:0px;
    top:35px; 
    white-space:nowrap;
    background-color:#526ca1;
    min-width:190px;
    padding:2px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;   
    -webkit-border-bottom-right-radius: 3px;
    -moz-box-shadow: 0px 1px 3px #494949;
    -webkit-box-shadow: 0px 1px 3px #494949;
    box-shadow:0px 1px 3px #494949;
}

.mainCenterContent {
    width:969px;
    margin:0px auto;
}

/*footer*/
#footer {
    width:100%;
    background-color:#3a4e76;
    color:white;
    height:50px;
}

#footer a {
    color:white;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
}

#footer a:hover {
    text-decoration:underline;
}

#footer .content {
    width:969px;
    margin:0px auto;
}

#footer .content > div {
    line-height:50px;
}

/*Index view*/
.flagBid {
    font-size:26px;
    color:#607BB0;
    line-height:76px;
    text-align:center;
}

#picShow {
    width:960px;
    height:480px;
    position: relative; /* important */
	overflow: hidden; /* important */
}

#picShow img {
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}

#divProducts {
    margin-top:15px;
}

.divCompanyIntro
{
    width:464px;
    float:left;
}

#divProducts .header, .divCompanyIntro .header {
    font-size: 18px;
    color: black;
    text-align: left;
    line-height: 32px;
    border-bottom: 1px dashed #ACACAC;
    width:100%;
}

.buttonBar {
    margin:0px;
    padding:0px;
}

.buttonBar li {
    display:inline-block;
    *display:inline;
    float:left;
}

.buttonBar .button {
    background: url(/Content/images/Sprites/assemble.png) no-repeat;
    width: 8px;
    height: 8px;
    margin:0px 3px;
    cursor:pointer;
}

.buttonBar .button_off {
    background-position: -558px -53px;
}

.buttonBar .button_on {
    background-position: -558px -40px;
}

.productHolder {
    width:100%;
    margin-top:15px;
}

.products {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.products li {
    float:left;
    margin-right:16px;
}

.products li .item {
    width:230px;
    height:180px;
}

.products li .item img {
    width:230px;
    height:150px;
}

.products li .item .spec {
    font-size:12px;
}

.divCompanyIntro .content {
    margin-top:15px;
}
.divCompanyIntro .content p {
    margin:0px;
    padding:0px;
    text-indent:2em;
    line-height:22px;
    margin-bottom:5px;
}

.LeftPart {
    width:464px;
    float:left;
    display:inline-block;
    margin-top:10px;
    margin-bottom:10px;
}

.LeftPart .header {
    line-height:32px;
    font-size:18px;
    border-bottom:1px dashed white;
}

.LeftPart .content p {
    line-height:22px;
    margin:0px 0px 5px;
    text-indent:2em;
}

.leftPartSplitter {
    float:left;
    width:15px;
    margin-left:10px;
    margin-right:10px;
    height:40px;
}

#CompanyMap
{
    cursor:pointer;
    margin-top:3px;
}

.gdSplitter
{
    width:37px;
    margin-left:2px;
    margin-right:2px;
    background: url(/Content/images/Sprites/assemble.png) no-repeat;
    background-position:-917px 25px;
    background-repeat:no-repeat;
    height:240px;
    margin-top:40px;
}

.divCompanyContent {
    width:100%;
    background-color:white;
    margin-bottom:10px;
    border:1px solid #d4d4d4;
}

.divCompanyContent .left {
    float:left;
}

.ulCompanyNav {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#divCompanyNav {
    margin:15px 20px;
    margin-right:5px;
}

#divCompanyNav .header {
    font-size:30px;
    font-weight:bold;
    color:#ff5c00;
}

.ulCompanyNav {
    margin-top:10px;
}

.ulCompanyNav li {
    line-height:30px;
    height:30px;
    border:1px solid #b9b9b9;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    text-align:center;
    width:150px;
}

.ulCompanyNav li.selected {
    background-color:#f2f2f2;
}

.ulCompanyNav li a {
    font-weight:bold;
    color:#6980be;
    text-decoration:none;
}

.ulCompanyNav li a:hover, .ulCompanyNav li.selected a  {
    color:#ff5c00;
    text-decoration:none;
}

#divCompanyContentText {
    width:465px;
    margin-top:20px;
    margin-left:10px;
}

#divCompanyContentText .title {
        
}

#divCompanyContentText .title h4 {
    margin:0px;
    font-size:20px;
    font-weight:normal;
}

#divCompanyContentText p {
    margin:0px;
    text-indent:2em;
    margin-top:10px;
    line-height:20px;
}

.housePic {
    width:300px;
    height:300px;
    margin-top:30px;
    margin-left:10px;
    background: url(/Content/images/Sprites/aboutAssemble.png) no-repeat;
    background-position:-612px 0px;
    background-repeat:no-repeat;
}

.womenPic {
    width:300px;
    height:300px;
    background-color:blue;
    margin-top:30px;
    margin-left:10px;
    background: url(/Content/images/Sprites/aboutAssemble.png) no-repeat;
    background-position:-309px 0px;
    background-repeat:no-repeat;
}

#divContact {
    width:650px;
    margin:5px 0px 0px 5px;
}

#divContact .header {
    font-size:30px;
    font-weight:bold;
    color:#ff5c00;
    border-bottom:1px dotted #d4d4d4;
}

#divContact .submitBox {
    width:310px;
    background-color:#f2f2f2;
    margin-top:10px;
    padding:5px;
    float:left;
    border:1px dotted #d4d4d4;
    margin-bottom:10px;
}

#divContact .submitBox h5 {
    margin:0px;
}

.ulSubmitContentForm {
    margin:0px;
    padding:0px;
    list-style-type:none;
    margin-top:15px;
}

.ulSubmitContentForm li {
    margin-bottom:5px;
    float:left;
}

.ulSubmitContentForm li div {
    float:left;
    margin-left:10px;
    line-height:20px;
    width:80px;
}

.ulSubmitContentForm li input {
    float:left;
    margin-left:10px;
    width:200px;
    border:solid 1px #abadb3;
}

.ulSubmitContentForm li textarea {
    float:left;
    width:200px;
    margin-left:10px;
    height:120px;
    border:solid 1px #abadb3;
}

#divContact p {
    text-indent:2em;
    line-height:18px;
}

.contactInfo {
    width:300px;
    margin-left:10px;
    margin-top:10px;
}

.contactInfo ul {

}

.contactInfo ul li{
    margin-right:20px;
    margin-top:10px;
}